<template>
    <div class="base_container">
        <el-card :class="{ 'block': block }">
            <slot></slot>
        </el-card>
    </div>
</template>

<script setup lang="ts">
interface CardPoops {
    block?: boolean
}
const props = withDefaults(defineProps<CardPoops>(), {
    block: false, // 如果这个值为true card最小高度为容器高度
})
const block = props.block
</script>

<style lang="scss" scoped>
.base_container {
    width: 100%;
    box-sizing: border-box;
}

.block {
    min-height: $layout-main-height;
}
</style>